<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="美食天下，天下美食，美食做法">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/community.css">

    <title>社区</title>
</head>

<body>
    <div class="box">
        <header>
            <h1 class="title">美食天下</h1>
            <div class="header">
                <a href="#"><img src="../img/logo.png" alt="图片无法显示"></a>
                <ul class="nav">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./caidan.html">菜谱</a></li>
                    <li><a href="./healthy.html">健康</a></li>
                    <li><a href="./community.html">社区</a></li>
                    <li><a href="./market.html">市集</a></li>
                </ul>
                <div class="logon">
                    <div class="iconfont icon-fangdajing icon">
                        <div class="hide">
                            <div>
                                <input type="text" value="搜索.....">
                                <button><span class="iconfont icon-fangdajing"></span></button>
                            </div>
                        </div>
                    </div>
                    <a href="./html/logon.html"><span class="iconfont icon-gouwuche"></span></a>
                    <a href="./html/logon.html"><span class="iconfont icon-ren"></span></a>
                    <a href="./html/logon.html"><button>登录/注册</button></a>
                </div>
            </div>
        </header>


        <!-- /* -------------------------------------------------------------------- */
        /* ------------------------------main---------------------------------- */
        /* -------------------------------------------------------------------- */ -->
        <main class="container">
            <!-- 副导航条 -->
            <div class="C-nav">
                <a href="./community.html" class="C-nav-s active-color">动态</a>
                <a href="./specials.html" class="C-nav-s">专题</a>
                <a href="" class="C-nav-s hd-list">
                    热榜
                    <ul style="list-style: none;" class="hd-ul">
                        <li class="hd-li">养生晚餐</li>
                        <li>芹菜的100种吃法</li>
                        <li>这样做出来的牛肉最好吃</li>
                        <li>做饭打卡</li>
                        <li>这是我的早餐</li>
                        <li>鲜花饼</li>
                        <li>健康的生活方式需要健康的饮食</li>
                        <li>健康食物搭配大全</li>
                        <li>麻辣小龙虾</li>
                        <li>家乡菜</li>
                    </ul>
                </a>
            </div>

            <div class="specials-imgbox">
                <img src="https://static.meishichina.com/img/banner/6.jpg" alt="">
            </div>

            <div class="C-mainbox">

                <!-- left -->
                <div class="dynamics">
                    <h1>优质分享</h1>
                    <ul style="list-style: none;" class="dynamics-list">
                        <li><a href="./dynamic-D.html">
                                <div class="dynamic">
                                    <div class="dy-imgbox">
                                        <img src="https://i3.meishichina.com/attachment/blog/2020/09/19/20200919160052913321220449.jpg" alt="">
                                    </div>
                                    <div class="detials">
                                        <div class="dy-top">
                                            <h2>烤箱烤T骨猪排</h2>
                                            <p>好吃好看好香的一道菜，我做成这个样子试了好几次</p>
                                        </div>
                                        <div class="dy-bottom">
                                            <div class="tips">
                                                <a href="">猪排</a>
                                                <a href="">烤</a>
                                            </div>
                                            <div class="author">
                                                <p>by <img src="../img/community-img/head_2.jpg" alt=""> <a href=""> 沫沫兮</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><a href="./dynamic-D.html">
                                <div class="dynamic">
                                    <div class="dy-imgbox">
                                        <img src="https://i3.meishichina.com/attachment/pai/2020/09/24/20200924160092981196994110449735.jpg?x-oss-process=style/p800"
                                            alt="">
                                    </div>
                                    <div class="detials">
                                        <div class="dy-top">
                                            <h2>烧肉：这样看着有点丑</h2>
                                            <p>怪我拍照技术不好，实际上很香很好吃</p>
                                        </div>
                                        <div class="dy-bottom">
                                            <div class="tips">
                                                <a href="">烧肉</a>
                                            </div>
                                            <div class="author">
                                                <p>by <img src="../img/community-img/head_1.jpg" alt=""> <a href=""> wuyan</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><a href="./dynamic-D.html">
                                <div class="dynamic">
                                    <div class="dy-imgbox">
                                        <img src="https://i3.meishichina.com/attachment/pai/2020/09/25/2020092516009905925549198451954.jpg?x-oss-process=style/p800"
                                            alt="">
                                    </div>
                                    <div class="detials">
                                        <div class="dy-top">
                                            <h2>早餐分享：南瓜粥#早餐##南瓜粥</h2>
                                            <p>南瓜粥清淡而可口，非常适合在早餐时食用，有开胃滋养的功能</p>
                                        </div>
                                        <div class="dy-bottom">
                                            <div class="tips">
                                                <a href="">早餐</a>
                                                <a href="">粥</a>
                                                <a href="">清淡饮食</a>
                                            </div>
                                            <div class="author">
                                                <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 江江</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><a href="./dynamic-D.html">
                                <div class="dynamic">
                                    <div class="dy-imgbox">
                                        <img src="https://i8.meishichina.com/attachment/recipe/2020/09/03/2020090315991034772465628732163.jpg?x-oss-process=style/p800"
                                            alt="">
                                    </div>
                                    <div class="detials">
                                        <div class="dy-top">
                                            <h2>早餐分享：小酥饼#早餐#</h2>
                                            <p>这个酥饼个头小，适合一口一个当零食吃，制作方式也很简单哦</p>
                                        </div>
                                        <div class="dy-bottom">
                                            <div class="tips">
                                                <a href="">早餐</a>
                                                <a href="">零食</a>
                                                <a href="">酥饼</a>
                                            </div>
                                            <div class="author">
                                                <p>by <img src="../img/community-img/head_3.jpg" alt=""> <a href=""> 用户123456789</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><a href="./dynamic-D.html">
                                <div class="dynamic">
                                    <div class="dy-imgbox">
                                        <img src="https://i3.meishichina.com/attachment/pai/2020/09/24/20200924160092250485785712270318.jpg?x-oss-process=style/p800"
                                            alt="">
                                    </div>
                                    <div class="detials">
                                        <div class="dy-top">
                                            <h2>西红柿炒蛋</h2>
                                            <p>很经典的一道菜了，大家来看我做的怎么样啊</p>
                                        </div>
                                        <div class="dy-bottom">
                                            <div class="tips">
                                                <a href="">早餐</a>
                                                <a href="">粥</a>
                                                <a href="">清淡饮食</a>
                                            </div>
                                            <div class="author">
                                                <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li><a href="./dynamic-D.html">
                            <div class="dynamic">
                                <div class="dy-imgbox">
                                    <img src="../img/09.jpg" alt="">
                                </div>
                                <div class="detials">
                                    <div class="dy-top">
                                        <h2>麻婆豆腐：看我咋做的</h2>
                                        <p>好吃好看好香的一道菜，我做成这个样子试了好几次</p>
                                    </div>
                                    <div class="dy-bottom">
                                        <div class="tips">
                                            <a href="">麻婆豆腐</a>
                                            <a href="">麻辣</a>
                                            <a href="">川菜</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_2.jpg" alt=""> <a href=""> 沫沫兮</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li><a href="./dynamic-D.html">
                            <div class="dynamic">
                                <div class="dy-imgbox">
                                    <img src="https://i3.meishichina.com/attachment/pai/2020/09/24/20200924160092981196994110449735.jpg?x-oss-process=style/p800"
                                        alt="">
                                </div>
                                <div class="detials">
                                    <div class="dy-top">
                                        <h2>烧肉：这样看着有点丑</h2>
                                        <p>怪我拍照技术不好，实际上很香很好吃</p>
                                    </div>
                                    <div class="dy-bottom">
                                        <div class="tips">
                                            <a href="">烧肉</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_1.jpg" alt=""> <a href=""> wuyan</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li><a href="./dynamic-D.html">
                            <div class="dynamic">
                                <div class="dy-imgbox">
                                    <img src="https://i3.meishichina.com/attachment/pai/2020/09/25/2020092516009905925549198451954.jpg?x-oss-process=style/p800"
                                        alt="">
                                </div>
                                <div class="detials">
                                    <div class="dy-top">
                                        <h2>早餐分享：南瓜粥#早餐##南瓜粥</h2>
                                        <p>南瓜粥清淡而可口，非常适合在早餐时食用，有开胃滋养的功能</p>
                                    </div>
                                    <div class="dy-bottom">
                                        <div class="tips">
                                            <a href="">早餐</a>
                                            <a href="">粥</a>
                                            <a href="">清淡饮食</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_2.jpg" alt=""> <a href=""> 江江</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li><a href="./dynamic-D.html">
                            <div class="dynamic">
                                <div class="dy-imgbox">
                                    <img src="https://i8.meishichina.com/attachment/recipe/2020/09/03/2020090315991034772465628732163.jpg?x-oss-process=style/p800"
                                        alt="">
                                </div>
                                <div class="detials">
                                    <div class="dy-top">
                                        <h2>早餐分享：小酥饼#早餐#</h2>
                                        <p>这个酥饼个头小，适合一口一个当零食吃，制作方式也很简单哦</p>
                                    </div>
                                    <div class="dy-bottom">
                                        <div class="tips">
                                            <a href="">早餐</a>
                                            <a href="">零食</a>
                                            <a href="">酥饼</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_3.jpg" alt=""> <a href=""> 用户123456789</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li><a href="./dynamic-D.html">
                            <div class="dynamic">
                                <div class="dy-imgbox">
                                    <img src="https://i3.meishichina.com/attachment/pai/2020/09/24/20200924160092250485785712270318.jpg?x-oss-process=style/p800"
                                        alt="">
                                </div>
                                <div class="detials">
                                    <div class="dy-top">
                                        <h2>西红柿炒蛋</h2>
                                        <p>很经典的一道菜了，大家来看我做的怎么样啊</p>
                                    </div>
                                    <div class="dy-bottom">
                                        <div class="tips">
                                            <a href="">早餐</a>
                                            <a href="">粥</a>
                                            <a href="">清淡饮食</a>
                                        </div>
                                        <div class="author">
                                            <p>by <img src="../img/community-img/head_5.jpg" alt=""> <a href=""> 沫沫兮</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </li>
                    </ul>
                    <button class="look-more">查看更多</button>
                </div>

                <!-- /* -------------------------------------------------------------------- */
        /* ------------------------------right---------------------------------- */
        /* -------------------------------------------------------------------- */ -->
                <div class="specials">
                    <h1>专题</h1>
                    <div class="special">
                        <h1>###早餐###</h1>
                        <div class="sp-imgbox">
                            <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601350322723&di=5f5a3c3b5102665a80391b1141f2f08d&imgtype=0&src=http%3A%2F%2Fp0.ifengimg.com%2Fpmop%2F2018%2F0810%2F53E105A254AB5FF2E2064676004D3650208FA75A_size48_w600_h400.jpeg" alt="">
                            <a href="./special-D.html"></a>
                        </div>
                        <p>一日之计在于晨，享用一顿色香味满满的早餐会让我们的一天拥有一个完美的开始.</p>
                    </div>
                    <div class="special">
                        <h1>###川菜###</h1>
                        <div class="sp-imgbox">
                            <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601350745270&di=31e2f0ac8d2d6acbb9a0cd324910ecf4&imgtype=0&src=http%3A%2F%2Fnews.89178.com%2Fupload%2Farticle%2F20180918%2F65601515961537238493.jpg" alt="">
                            <a href=""></a>
                        </div>
                        <p>川菜的辣和麻是最让人上瘾的味道.</p>
                    </div>
                    <div class="special">
                        <h1>###猪排###</h1>
                        <div class="sp-imgbox">
                            <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601322013190&di=9f8200d56ccf1b2851503f3f87165c4b&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2F5m%2F51%2FQJ6309765496.jpg" alt="">
                            <a href=""></a>
                        </div>
                        <p>猪排是一个很家常的食材，一起来看一看大家是怎么使用这个食材的吧.</p>
                    </div>

                    <a href="">更多专题>></a>
                </div>
            </div>
        </main>





        <footer>
            <div class="footer">
                <div class="footer_top">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="./caidan.html">菜谱</a></li>
                        <li><a href="./healthy.html">健康</a></li>
                        <li><a href="./community.html">社区</a></li>
                        <li><a href="./market.html">市集</a></li>
                    </ul>
                    <ul>
                        <li><a href="../html/logon.html">登录</a></li>
                        <li><a href="../html/logon - 1.html">注册</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer_bottom">
                    <a href="#">关于我们</a>
                    <a href="#">English</a>
                    <a href="#">广告服务</a>
                    <a href="#">免责声明</a>
                    <p>39班第二小组全员2020-2020 ALL RIGHTS RESERVED.川ICP备xxxxxxxxxxxxxx号</p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>